<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./CSS/xqy.css">
    <link rel="stylesheet" href="./CSS/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3215787_hpzk1eow83.css">
    <link rel="stylesheet" href="./CSS/swiper.min.css">
</head>
<body>
    <div id="header">
        <div class="center">
            <ul>
                <li><a href="" >小米商城</a></li>
                <li><a href="">MIUI</a></li>
                <li><a href="">loT</a></li>
                <li><a href="">云服务</a><li>
                <li><a href="">天星数科</a></li>
                <li><a href="">有品</a></li>
                <li><a href="">小爱开放平台</a></li>
                <li><a href="">企业团购</a></li>
                <li><a href="">资质证照</a></li>
                <li><a href="">协议规则</a></li>
                <li><a href="">下载app</a></li>
                <li><a href="">SelectLocation</a></li>
             </ul>
             <ol>
                <li><a href="login.html">登录</a></li>
                <li><a href="zhuce.html">注册</a></li>
                <li><a href="">消息通知</a></li>
             </ol>
             <div class="box2">
                 <a href="./gwc.html">
                <i class="iconfont icon-gouwuche4"></i>
                <span>购物车 (0)</span>
                </a>
            </div>
        </div>
        </div>
    </div>
    <div id="toubu">
        <div class="toubu-box1">
            <img src="./images/小米_03.png" alt="">
            <div class="toubu-box2">
                <ol>
                  <li><a href="">Xiaomi手机</a></li>
                  <li><a href="">Redmi 红米</a></li>
                  <li><a href="">电视</a></li>
                  <li><a href="">笔记本</a></li>
                  <li><a href="">平板</a></li>
                  <li><a href="">家电</a></li>
                  <li><a href="">路由器</a></li>
                  <li><a href="">服务</a></li>
                  <li><a href="">社区</a></li>
                </ol>
             </div>
             <input type="text" value="电视">
             <div class="iconfont  icon-sousuo1" id="sousuo"></div>
             <div class="gwccd">购物车中还没有商品,赶紧选购吧</div>
              </div>
         </div> 
         <div id="canshu">
             <div class="canshu1">
                 <p>Xiaomi Civi 1S</p>
                 <span>| &nbsp;&nbsp;Xiaomi Civi</span>
                 <li><a href="">概述页 </a></li>
                 <li><a href="">参数页 
                 </a></li>
                 <li><a href="">F码通道业 </a></li>
                 <li><a href="">咨询客服</a></li>
                 <li><a href="">用户评价</a></li>
            </div>
        </div>
        <div id="xqy" >
            <!-- <img src="./images/gwc1_03.png/" alt="" > -->
            <div class="xqy1">       
                 <img src="./images/xqy_03.png" alt="">
                 <div id="wyx">建峰班长是好人</div>
                 <div class="xqy2">
                    <h5>Xiaomi Civi 1S</h5>
                    <span class="xqy2-1">[至高享6期免息, 信用卡分期支付享优惠]</span>
                    <span class="xqy2-2">原生美肌人像2.0 |4D光追焕颜美妆技术| 3200万高 </span>
                    <p>清质感自拍1升级人眼追焦I 6400万A三摄|3D曲面OLED柔性屏 | 120Hz+Dolby Vision | 55W自</p>
                    <p>线闪充|立体声双场声器| 多功能NFC</p>
                    <h4>小米自营</h4>
                    <h3 id="jgds">2299</h3>
                </div>
                <div class="xqy3">
                    <span class="iconfont icon-position"></span>
                    <li><a href="">北京</a></li>
                    <li><a href="">北京市</a></li>
                    <li><a href="">海淀区</a></li>
                    <li><a href="">清河街道</a></li>
                    <i>修改</i>
                    <p>有现货</p>
                </div>
                <div class="xqy4">
                    <p>选择版本</p>
                    <div class="b1">8GB+128GB</div><div class="b2">8GB+256GB</div><div class="b3">12GB+256GB</div>
                </div>
                <div class="xqy5">
                    <p>选择颜色</p>
                    <div class="b1">奇迹阳光</div><div class="b2">闪闪黑</div><div class="b3">怦怦粉</div>
                    <div class="b4">轻轻蓝</div>
                </div>
                <div class="xqy6">
                    <p>选择套装</p>
                    <div class="b1">标准版</div><div class="b2">套装版 (赠充电器)</div>
                </div>
                <div class="xqy7">
                    <p>Xiaomi Civi 1S 8GB+128GB 奇迹阳光</p>
                    <span>2299</span>
                    <h2>总计： 2299元</h2>
                </div>
                <div class="xqy8">
                    <div class="xqy8-1">加入购物车</div><div class="xqy8-2"><span class="iconfont icon-aixin"></span><i>喜欢</i></div>
                </div>
                <input type="text" class="slds">
            </div>
            
        </div>
        <div class="xqy9">
            <div class="xqy10">
                <h4>价格说明</h4>
               <img src="./images/wj.png" alt="">
            </div>
        </div>
        <div id="yj1">
            <div class="yj2"> 
            <div><i class="iconfont icon-buoumaotubiao46"></i><span>预约维修服务</span></div>
            <div><i class="iconfont icon-qitianwuliyoutuihuan "></i><span>7天无理由退换</span></div>
             <div><i class="iconfont icon-15"></i><span>15天免费换货</span></div>
            <div><i class="iconfont icon-liwu"></i><span>满69包邮</span></div>
           <div><i class="iconfont icon-position"></i><span>520余家售后网点</span></div>
           </div>
           <div id="yj3">
               <div class="yj5"></div>
               <div class="yj4">
                   <div class="yj6"> 
                      <li>帮助中心</li>
                      <li>服务支持</li>
                      <li>线下门店</li>
                      <li>关于小米</li>
                      <li>关注我们</li>
                      <li>特色服务</li>
                   </div>
                   <table class="yj7">
                       <tr>
                           <td>账户管理</td>
                           <td>购物指南</td>
                           <td>订单操作</td>
                       </tr>
                       <tr>
                           <td>售后政策</td>
                           <td>自动服务</td>
                           <td>相关下载</td>
                       </tr>
                       <tr>
                           <td>小米之家</td>
                           <td>服务网点</td>
                           <td>授权体验店/专区</td>
                       </tr>
                       <tr>
                           <td>了解小米</td>
                           <td>加入小米</td>
                           <td>投资者关系</td>
                           <td>企业社会责任</td>
                           <td>廉洁举报</td>
                       </tr>
                       <tr>
                           <td>新浪微博</td>
                           <td>官方微信</td>
                           <td>联系我们</td>
                           <td>公益基金会</td>
                       </tr>
                       <tr>
                           <td>F 码通道</td>
                           <td>礼物码</td>
                           <td>防伪查询</td>
                       </tr>
                   </table>
                   <div class="yj8">
                       <p>400-100-5678</p>
                       <li>8:00-18:00 (仅收市话费)</li>
                       <div class="yj8-1">
                           <span class="iconfont icon-duanxin"></span>
                           <i>人工客服</i>
                       </div>
                      <div class="yj8-2"> <i>关注小米:</h5><span class="iconfont icon-xinlangweibo"></span><span class="iconfont icon-weixin5"></span></div>
                   </div>
               </div>
           </div>
           <div id="wb">
               <div class="wb-1">
                   <div class="wb-2">
                       <img src="./images/小米_03.png" alt="">
                       <li style="margin-left: 24px;"><a href="">小米商城 |</a></li>
                       <li><a href=""> MIUI |</a></li>
                       <li><a href=""> 米家 |</a></li>
                       <li><a href=""> 米聊 |</a></li>
                       <li><a href=""> 多看 |</a></li>
                       <li><a href=""> 游戏 |</a></li>
                       <li><a href=""> 攻企服务 |</a></li>
                       <li><a href= ""> 小米天猫店 |</a></li>
                       <li><a href=""> 小米集团隐私政策 |</a></li>
                       <li><a href=""> 小米公司儿童信息保护规则 |</a></li>
                       <li><a href=""> 小米商城隐私政策 |</a></li>
                       <li><a href=""> 小米商城用户协议 |</a></li>
                       <li><a href=""> 问题反馈 |</a></li>
                       <li><a href=""> Select Location |</a></li>
                       <div class="wb-3">
                           <p><a href="">北京互联网法院法律服务工作站 |</a></p>
                           <p><a href="">中国消费者协会 |</a></p>
                           <p><a href="">北京市消费者协会 |</a></p>
                       </div>
                       <div class="wb-4">
                          <p>◎mi com京ICP证110507号京ICP备10046444号京公网安备11010802020134号京网文[2020]0276 042号</p> 
                          <p>(京)网械平台备字(2018) 第00005号互联网药品信息服务资格证(京)非经营性-2014 0090营业执照医疗器械质量公告</p> 
                          <p>增值电信业务许可证网络食品经营备案京食药网食备202010048食品经营许可证</p> 
                          <p>违法和不良信息举报电话: 171-5104 4404知识产权侵权投诉本网站所列数据,除特殊说明，所有数据均出自我司实验室测试</p>
                       </div>
                       <img src="./images/小米.000png_03.png" alt="" class="imgs">
                      </div>
                   </div>
               </div>
           </div>
</body>
</html>
<script src="./js/jquery-1.12.4.js"></script>
<script src="./js/xqy.js"></script>